<html>
    <head>
        <link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.css">
        <!-- <script src="./jquery-3.2.1.js"></script>        
        <script src="./bootstrap-3.3.7-dist/js/bootstrap.js"></script> -->
        <style type="text/css">  
          p{ text-indent:2em;}  
          dt{text-indent: 2em;}
         
          </style>
          <meta charset="UTF-8">
    </head>

    <body>
    <div class="container">

        <div class="row">
            <div class="col-xs-12">
             <h1>统一建模语言理论测试</h1>
            <div class="col-xs-12 col-xs-4" >
              <p>考试科目：统一建模语言  </p>
              <div style="padding: 10px 10px 0px;">
                  <form class="bs-example bs-example-form" role="form">
                      <div class="input-group">
                          <span class="input-group-addon">班级：</span>
                          <input type="text" class="form-control" placeholder="请输入班级">
                      </div>
                      <br>
            
                  </form>
                </div>
            </div>

            <div class="col-xs-12 col-xs-4" >
                <p>时间：100分钟   </p>
                <div style="padding: 10px 10px 0px;">
                    <form class="bs-example bs-example-form" role="form">
                        <div class="input-group">
                            <span class="input-group-addon">  学号:</span>
                            <input type="text" class="form-control" placeholder="请输入学号">
                        </div>
                        <br>
                    </form>
                </div>
            </div>

            <div class="col-xs-12 col-xs-4" >
                <p>得分:<span id="score"></span> </p>
                <div style="padding: 10px 10px 0px;">
                    <form class="bs-example bs-example-form" role="form">
                        <div class="input-group">
                            <span class="input-group-addon"> 姓名：</span>
                             <input type="text" class="form-control" placeholder="请输入姓名">
                        </div>
                        <br>
                        
                    </form>
                </div>
            </div>
        </div>
      
      
        
        <div class="row">
            <div class="clo-xs-12">
            <h2>一、填空题（每空5分，共20分）</h2></br>
                
                <div >
                    <form class="form-inline" role="form">
                        <div class="form-group">
                            <label for="first">1、UML的中文全称是：</label>
                            <input type="text" class="form-control" name="blank" id="blank" placeholder="请输入答案">
                        </div>
                        <br>
                    </form>
                </div>
            </div>
        </div>
    
            <div >
                <form class="form-inline" role="form">
                    <div class="form-group">
                        <label for="second"> 2、对象最突出的特征是:</label>
                        <input id="second" type="text" class="form-control"  name="blank"  placeholder="请输入答案">
                        <input  id="second" type="text" class="form-control"  name="blank" placeholder="请输入答案">
                        <input  id="second" type="text" class="form-control"  name="blank"  placeholder="请输入答案">
                    </div>
                    <br>
                </form>
            </div>

        </div>

        <h2>二、选择题（每题10分，共20分）</h2></br>
           
        <form>
        <dl>
       <p> 1、UML与软件工程的关系是：</p>
        
           <dt><input name="radio" type="radio" value="A"  >（A）UML就是软件工程<br/></dt>
           <dt><input name="radio" type="radio" value="B" >（B）UML参与到软件工程中软件开发过程的几个阶段<br/></dt>
           <dt><input name="radio" type="radio" value="C" >（C）UML与软件工程无关<br/></dt>
           <dt><input name="radio" type="radio" value="D" >（D）UML是软件工程的一部分<br/></dt>
        </dl>
        </form>
        
        <form>
        <dl>
        <p>2、Java语言支持：</p>
          <dt><input name="radio" type="radio" value="A" >（A）单继承<br/></dt>
          <dt><input name="radio" type="radio" value="B" >（B）多继承<br/></dt>
          <dt><input name="radio" type="radio" value="C" >（C）单继承喝多继承都支持<br/></dt>
          <dt><input name="radio" type="radio" value="D" >（D）单继承和多继承都不支持<br/></dt>
         </dl>
        </form>
        
        <h2>三、多选择题（每题10分，共20分）   </h2></br>
        <p>1、用例的粒度分为以下哪三种：</p>
         <dt><input name="checkbox1" type="Checkbox" value="A">  （A）概述级<br/></dt>
         <dt><input name="checkbox1" type="Checkbox" value="B" >（B）需求级<br/></dt>
         <dt><input name="checkbox1" type="Checkbox" value="C" >（C）用户目标级<br/></dt>
         <dt><input name="checkbox1" type="Checkbox" value="D" >（D）子功能级<br/></dt>
           
        <p>2、类图由以下哪三部分组成：</p>
        <dt> <input name="checkbox2" type="Checkbox" value="A" >  （A）名称(Name)<br/></dt>
        <dt><input name="checkbox2" type="Checkbox" value="B" >  （B）属性(Attribute)<br/></dt>
        <dt><input name="checkbox2" type="Checkbox" value="C" >  （C）操作（Operation）<br/></dt>
        <dt><input name="checkbox2" type="Checkbox" value="D" >  （D）方法（Function）<br/></dt>
       
        
        <h2>四、判断题（每题10分，共20分）</h2></br>
        <p><form>1.用例图只是用于和客户交流和沟通的，用于确定需求。<input name="judge" value="√"  type="radio">√ <input name="judge" value="×" type="radio">×  </form></p> 
        <p><form>2.在状态图中，中止状态在一个状态图中允许有任意多个。<input name="judge" value="√" type="radio">√ <input  name="judge" value="×" type="radio">×  </form></p>
       
        
        
        <h2>五、简答题（每题20分，共20分）</h2></br>
        <p>1、简述什么是模型以及模型的表现形式？</p>
        <dt> <textarea name="comments" id="comments" rows="5" cols="90"></textarea><br/><br/>

        <p><input type="submit" name="btnSubmit" id="btnSubmit" onclick="" value="计算分数"></p>


        <script type="text/javascript" src="index.js"></script>

    </body>

</html>